import Container from '@icedesign/container';
import React, { Component } from 'react';
import { Button } from 'antd';

import styles from './index.module.scss';

const mockData = [
    {
        title: '财政部 税务总局公告2019年第68号-关于集成电路设计和软件产业企业所得税政策的公告',
        url: './documents/1-财政部 税务总局公告2019年第68号-关于集成电路设计和软件产业企业所得税政策的公告.docx',
        pdf: './pdf/1-财政部 税务总局公告2019年第68号-关于集成电路设计和软件产业企业所得税政策的公告.pdf',
        top: false,
        hot: false,
        new: false,
        time: '2019-08-22',
    },
    {
        title: '2018年修订-《中华人民共和国企业所得税年度纳税申报表（A类，2017年版）》部分表单及填报说明',
        url: './documents/2-2018年修订-《中华人民共和国企业所得税年度纳税申报表（A类，2017年版）》部分表单及填报说明.doc',
        pdf: './pdf/2-2018年修订-《中华人民共和国企业所得税年度纳税申报表（A类，2017年版）》部分表单及填报说明.pdf',
        top: false,
        hot: false,
        new: false,
        time: '2019-08-22',
    },
    {
        title: '财税〔2018〕99号-财政部 税务总局 科技部关于提高研究开发费用税前加计扣除比例的通知',
        url: './documents/3-财税〔2018〕99号-财政部 税务总局 科技部关于提高研究开发费用税前加计扣除比例的通知.docx',
        pdf: './pdf/3-财税〔2018〕99号-财政部 税务总局 科技部关于提高研究开发费用税前加计扣除比例的通知.pdf',
        top: false,
        hot: false,
        new: false,
        time: '2019-08-22',
    },
    {
        title: '财税〔2018〕64号-财政部 税务总局 科技部关于企业委托境外研究开发费用税前加计扣除有关政策问题的通知',
        url: './documents/4-财税〔2018〕64号-财政部 税务总局 科技部关于企业委托境外研究开发费用税前加计扣除有关政策问题的通知.docx',
        pdf: './pdf/4-财税〔2018〕64号-财政部 税务总局 科技部关于企业委托境外研究开发费用税前加计扣除有关政策问题的通知.pdf',
        top: false,
        hot: false,
        new: false,
        time: '2019-08-20',
    },
    {
        title: '国家税务总局公告2018年第23号-国家税务总局关于发布修订后的《企业所得税优惠政策事项办理办法》的公告',
        url: './documents/5-国家税务总局公告2018年第23号-国家税务总局关于发布修订后的《企业所得税优惠政策事项办理办法》的公告.docx',
        pdf: './pdf/5-国家税务总局公告2018年第23号-国家税务总局关于发布修订后的《企业所得税优惠政策事项办理办法》的公告.pdf',
        top: false,
        hot: false,
        new: false,
        time: '2019-08-20',
    },
    {
        title: '国家税务总局公告2018年第23号附件-企业所得税优惠事项管理目录（2017年版）',
        url: './documents/6-国家税务总局公告2018年第23号附件-企业所得税优惠事项管理目录（2017年版）.doc',
        pdf: './pdf/6-国家税务总局公告2018年第23号附件-企业所得税优惠事项管理目录（2017年版）.pdf',
        top: false,
        hot: false,
        new: false,
        time: '2019-08-20',
    },
    {
        title: '2017年-中华人民共和国企业所得税年度纳税申报表（A类，2017年版）',
        url: './documents/7-2017年-中华人民共和国企业所得税年度纳税申报表（A类，2017年版）.doc',
        pdf: './pdf/7-2017年-中华人民共和国企业所得税年度纳税申报表（A类，2017年版）.pdf',
        top: false,
        hot: false,
        new: false,
        time: '2019-08-20',
    },
    {
        title: '财税〔2016〕49号-财政部 国家税务总局 发展改革委 工业和信息化部关于软件和集成电路产业企业所得税优惠政策有关问题的通知',
        url: './documents/8-财税〔2016〕49号-财政部 国家税务总局 发展改革委 工业和信息化部关于软件和集成电路产业企业所得税优惠政策有关问题的通知.docx',
        pdf: './pdf/8-财税〔2016〕49号-财政部 国家税务总局 发展改革委 工业和信息化部关于软件和集成电路产业企业所得税优惠政策有关问题的通知.pdf',
        top: false,
        hot: false,
        new: false,
        time: '2019-08-20',
    },
    {
        title: '财税〔2015〕119号-财政部 国家税务总局 科技部关于完善研究开发费用税前加计扣除政策的通知',
        url: './documents/9-财税〔2015〕119号-财政部 国家税务总局 科技部关于完善研究开发费用税前加计扣除政策的通知.docx',
        pdf: './pdf/9-财税〔2015〕119号-财政部 国家税务总局 科技部关于完善研究开发费用税前加计扣除政策的通知.pdf',
        top: false,
        hot: false,
        new: false,
        time: '2019-08-20',
    },
    {
        title: '财税〔2012〕27号-财政部 国家税务总局关于进一步鼓励软件产业和集成电路产业发展企业所得税政策的通知',
        url: './documents/10-财税〔2012〕27号-财政部 国家税务总局关于进一步鼓励软件产业和集成电路产业发展企业所得税政策的通知.docx',
        pdf: './pdf/10-财税〔2012〕27号-财政部 国家税务总局关于进一步鼓励软件产业和集成电路产业发展企业所得税政策的通知.pdf',
        top: false,
        hot: false,
        new: false,
        time: '2019-08-20',
    },
    {
        title: '财税〔2011〕100号-财政部 国家税务总局关于软件产品增值税政策的通知',
        url: './documents/11-财税〔2011〕100号-财政部 国家税务总局关于软件产品增值税政策的通知.docx',
        pdf: './pdf/11-财税〔2011〕100号-财政部 国家税务总局关于软件产品增值税政策的通知.pdf',
        top: false,
        hot: false,
        new: false,
        time: '2019-08-20',
    }
]
class NoticeList extends Component {
  constructor(props) {
    super(props);

    this.state = {
      dataSource: mockData,
    };
  }
  handleClickPreView(url) {
    console.log("预览");
      window.open(url);
  }
  handleClickDownLoad(url) {
      console.log(url);
      window.open(url);
  }
  render() {
    return (
      <Container>
        <h3 className={styles.header}>资料列表</h3>
        <div>
          {this.state.dataSource.map((notice, index) => {
          return (
              <a
                  key={index}
                  target="_blank"
                  title={notice.title}
                  className={styles.noticeItem}
              >
                <div>
                  <span className={styles.title}>{index+1}. {notice.title}</span>
                  {notice.new && <span className={styles.new}>NEW</span>}
                </div>
                    <span className={styles.button}>
                        <Button icon="container" onClick={this.handleClickPreView.bind(this, notice.pdf)}><span style={{verticalAlign: '-0.145em'}}>预览</span></Button>
                        <Button icon="cloud" onClick={this.handleClickDownLoad.bind(this,notice.url)} type="dashed" style={{marginLeft: '10px'}}><span style={{verticalAlign: '-0.145em'}}>下载</span></Button>
                    </span>
              </a>
          );
        })}
          {/*<div style={{ textAlign: 'right', paddingTop: 20 }}>*/}
          {/*  <Pagination onChange={this.handleChange} />*/}
          {/*</div>*/}
        </div>
      </Container>
    );
  }
}
export default NoticeList;
